import { GET_TOKEN, REMOVE_TOKEN, SET_TOKEN } from '@/utils/token'
import { defineStore } from 'pinia'
// 引入登录请求
import { reqLogin, reqUserInfo } from '@/api/user'
// 引入User数据类型
import { loginFormData } from '@/api/user/type'
// 引入常量路由
import { constantRoutes } from '@/router/routes'
import { UserState } from './types/type'
// 引入token服务
// 建立小仓库
let useUserStore = defineStore('User', {
  // 存储数据
  state: (): UserState => {
    return {
      token: GET_TOKEN(),
      menuRoutes: constantRoutes,
      username: '',
      avatar:''
    }
  },

  // (异步)逻辑的地方
  actions: {
    // 用户登录
    async userLogin(data: loginFormData) {
      // console.log(data)
      let result = await reqLogin(data)
      // console.log(result);
      if (result.code == 200) {
        // 仓库一般也就是个js对象存储的，不是持久化的，因此要本地存储来持久化
        this.token = result.data.token ?? '' // 或者 (result.data.token as string) --- 粗鲁地强制转换
        // 本地存储
        SET_TOKEN(this.token)

        // 保证返回的是成功的Promise
        return 'ok'
      } else {
        return Promise.reject(new Error(result.data.message))
      }
    },
    // 用户信息
    async userInfo() {
      let result = await reqUserInfo()
      // console.log(result);
      if (result) {
          this.username = result.data.checkUser.username
          this.avatar = result.data.checkUser.avatar
      }
    },
    // 退出登录
    userLogOut() {
       // 请求服务器去除当前token
       
      // 清除本地用户信息
      this.username = ''
      this.avatar = ''
      REMOVE_TOKEN()
    }
  },

  getters: {},
})

export default useUserStore
